<template>
  <div>
    <el-menu default-active="1" class="el-menu-demo" mode="horizontal">
      <el-menu-item index="6"><router-link to="/Upload">上传</router-link></el-menu-item>
      <el-menu-item index="7"><router-link to="/ImageList">图片列表</router-link></el-menu-item>
      <el-menu-item index="8"><router-link to="/userlist">用户管理</router-link></el-menu-item>
      <el-menu-item index="9"><router-link to="/loadlist">物流管理</router-link></el-menu-item>
    </el-menu>
    <router-view/>
  </div>
</template>
<script>
export default {
name:"qqq",
};
</script>

<style scoped>
.el-menu-demo {
  font-size: 16px;
  height: 60px;
  line-height: 60px;
}

.el-submenu,
.el-menu-item {
  margin-right: 20px;
}

.router-link-active {
  color: #409EFF;
  text-decoration: none;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: #409EFF;
}
</style> ,